<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="renderer" content="webkit">
<title>权限管理</title>
<link rel="stylesheet" href="{{ asset('admin_style/css/pintuer.css') }}">
   <link rel="stylesheet" href="{{ asset('admin_style/css/admin.css') }}">
    <script src="{{asset('admin_style/js/jquery.js')}}"></script>
    <script src="{{asset('admin_style/js/pintuer.js')}}"></script>
<link rel="stylesheet" href="{{asset('admin_style/css/style.css')}}">
<!--<link rel="stylesheet" href="css/ace.min.css">-->
<script src="{{asset('admin_style/js/layer/layer.js')}}"></script>
</head>
<body>
  <div class="panel admin-panel">
    <div class="panel-head"><strong class="icon-reorder"> 权限管理</strong> <a href="" style="float:right; display:none;">添加字段</a></div>
    <div class="amounts_style">
			    <div class="border-b clearfix">
			      <span class="l_f">
			      <a href="Competence.html" class="button bg-yellow button-small"><span class="icon-plus"></span>添加权限</a>
			       </span>
			       <span class="r_f">共：<b>5</b>类</span>
			     </div>
			 </div>
    <table class="table table-hover text-center">
      <tr>
        <th width="80" style="text-align:left; padding-left:20px;"></th>
        <th>权限名称</th>
        <th>人数</th>
        <th width="300">用户名称</th>
        <th width="300">描述</th>
        <th width="210">操作</th>
      </tr>
      <volist name="list" id="vo">
        <tr>
          <td style="text-align:left; padding-left:20px;"><input type="checkbox" name="id[]" value="" />
           </td>
          <td>超级管理员</td>
          <td>1</td>
          <td>admin</td>
          <td>拥有至高无上的权利,操作系统的所有权限</td>
          <td><div class="button-group"><a class="button border-main" href="Competence.html"><span class="icon-edit (alias)"></span> 编辑</a> <a class="button border-red" href="javascript:void(0)" onclick="Competence_del(this,'1')"><span class="icon-trash-o"></span> 删除</a> </div></td>
        </tr>
        <tr>
          <td style="text-align:left; padding-left:20px;"><input type="checkbox" name="id[]" value="" />
           </td>
          <td>普通管理员</td>
          <td>2</td>
          <td>admin123 , 张小泉 ,克雷鲍</td>
          <td>拥有网站的系统大部分使用权限，没有权限管理功能。</td>
          <td><div class="button-group"><a class="button border-main" href="Competence.html"><span class="icon-edit (alias)"></span> 编辑</a> <a class="button border-red" href="javascript:void(0)" onclick="Competence_del(this,'2')"><span class="icon-trash-o"></span> 删除</a> </div></td>
        </tr>
        <tr>
          <td style="text-align:left; padding-left:20px;"><input type="checkbox" name="id[]" value="" />
           </td>
          <td>编辑管理员</td>
          <td>5</td>
          <td>admin345,stysty,adminstyle,admin45678,admin123455</td>
          <td>拥有部分权限，主要进行编辑功能，无边界订单功能，权限分配功能。</td>
          <td><div class="button-group"><a class="button border-main" href="Competence.html"><span class="icon-edit (alias)"></span> 编辑</a> <a class="button border-red" href="javascript:void(0)" onclick="Competence_del(this,'3')"><span class="icon-trash-o"></span> 删除</a> </div></td>
        </tr>
      <tr>
        <td style="text-align:left; padding:19px 0;padding-left:20px;"><input type="checkbox" id="checkall"/>
          全选 </td>
        <td colspan="8" style="text-align:left;padding-left:20px;"><a href="javascript:void(0)" class="button border-red icon-trash-o" style="padding:5px 15px;" onclick="DelSelect()"> 批量删除</a> 
      </tr>
      <tr>
        <td colspan="8"><div class="pagelist"> <a href="">上一页</a> <span class="current">1</span><a href="">2</a><a href="">3</a><a href="">下一页</a><a href="">尾页</a> </div></td>
      </tr>
    </table>
  </div>
<script type="text/javascript">




//批量删除
function DelSelect(){
	var Checkbox=false;
	 $("input[name='id[]']").each(function(){
	  if (this.checked==true) {		
		Checkbox=true;	
	  }
	});
	if (Checkbox){
		var t=confirm("您确认要删除选中的内容吗？");
		if (t==false) return false;		
		$("#listform").submit();		
	}
	else{
		alert("请选择您要删除的内容!");
		return false;
	}
}

function Competence_del(obj,id){
	layer.confirm('确认要删除吗？',function(index){
		$(obj).parents("tr").remove();
		layer.msg('已删除!',{icon:1,time:1000});
	});
}











</script>
</body>
</html>
